<template>
  <div class="app full-height">
    <Headers></Headers>
    <Banners></Banners>
  </div>
</template>

<script>
import Headers from './components/header/Header'
import Banners from './components/banner/Banner'
export default {
  name: 'home',
  data:function(){
     return {

     }
  },
   components: {
        Headers,
        Banners,   
    },
}
</script>

<style>
*{
  padding: 0;
  margin: 0;
}
html {
  height: 100%;
}
.app{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0,0,0,0);
}
body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  
}
::-webkit-scrollbar {
        display: none;
    }
</style>
